<template>
  <el-table :data="tableData1" style="width: 100%">
    <el-table-column prop="prop0" label="序号"></el-table-column>
    <el-table-column prop="prop1" label="收费名称"></el-table-column>
    <el-table-column prop="prop2" label="单价（元）"></el-table-column>
    <el-table-column prop="prop3" label="总量"></el-table-column>
    <el-table-column prop="prop4" label="单位"></el-table-column>
    <el-table-column prop="prop5" label="零售金额（元）"></el-table-column>
    <el-table-column prop="prop6" label="折扣"></el-table-column>
    <el-table-column prop="prop7" label="折后金额（元）"></el-table-column>
  </el-table>
</template>

<script>
  export default {
    name: "chargeDetail.vue",
    data() {
      const item = {
        prop0: 1,
        prop1: '肾宝糖浆',
        prop2: '15.00',
        prop3: 2,
        prop4: '瓶',
        prop5: '30.00',
        prop6: '9.00',
        prop7: '7.00'
      };
      return {
        tableData1: Array(10).fill(item),
      }
    },
    mounted(){

    }
  }
</script>

<style scoped>

</style>
